<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Developed By M Abdur Rokib Promy">
<meta name="author" content="cosmic">
<meta name="keywords" content="Bootstrap 3, Template, Theme, Responsive, Corporate, Business">
<link rel="shortcut icon" href="${Prefix}images/favicon.png">
<title>
<#if Site.seoTitle?? && Site.seoTitle !="">${Site.seoTitle}<#else>${Site.name}</#if>
</title>

<link href="${Prefix}node_modules/animate.css/animate.min.css" rel="stylesheet" >
<link href="${Prefix}node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="${Prefix}node_modules/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="${Prefix}node_modules/element-ui/lib/theme-chalk/index.css" rel="stylesheet">
<link href="${Prefix}node_modules/swiper/dist/css/swiper.min.css" rel="stylesheet" >

<link href="${Prefix}css/main.css" rel="stylesheet">
<link href="${Prefix}css/header.css" rel="stylesheet">
<link href="${Prefix}css/footer.css" rel="stylesheet">
<link href="${Prefix}css/investment.css" rel="stylesheet">

<script src="${Prefix}node_modules/jquery/dist/jquery.min.js"></script>
<script src="${Prefix}node_modules/wowjs/dist/wow.min.js"></script>
<script src="${Prefix}node_modules/swiper/dist/js/swiper.min.js"></script>
<script src="${Prefix}node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="${Prefix}node_modules/less/dist/less.js"></script>
<script src="${Prefix}node_modules/vue/dist/vue.js"></script>
<script src="${Prefix}node_modules/element-ui/lib/index.js"></script>

</head>

<script>
  $(document).ready(function() {
    var mySwiperIN = new Swiper('.swiperIN .swiper-container', {
      autoplay: 3000,
      speed: 300,
      pagination : '.swiperIN .swiper-pagination',
      paginationClickable :true,
    });
  })


</script>
<body class="investment">
  <@cms_include ssi="false"file="quick_nva.template.html"></@cms_include>
<!--header start-->
<@cms_include ssi="false"file="header.template.html"></@cms_include>
<!--header end-->
<#assign firstAncestor = Catalog.ancestors?split(':')[0]>
<@cms_catalog id="${firstAncestor}" level="Self">
<#list DataList as c1>
<div class="investment-top" style="background-image: url('${internalUrl(c1.logo)}');">
  <div class="container wow fadeInLeft">
  	<div class="row">
      <div class="col-lg-12" >
        <div class="investment-top-text">
          <div class="text1">${c1.name}</div>
          <div class="text2">${c1.description}</div>
        </div>
      </div>
    </div>
  </div>
</div>
</#list>
</@cms_catalog>

<div class="container wow fadeInLeft center-content" >
  <div class="row">
    <div class="col-lg-6 card-item" >
      
      <div class="subject">
        <@cms_catalog alias="investment1" level="Self" size="1">
        <#list DataList as c1>
        <div class="subject-title">${c1.name}</div>
        <div class="subject-more">
          <a href="${c1.link}">
            更多>>
          </a>
        </div>
        </#list>
        </@cms_catalog >
      </div>

      <@cms_content catalogalias="investment1" level="CurrentAndChild">
      <#if DataList?size == 0>
      <div class="no-data">
          <img src="${Prefix}images/empty-data.png" alt=""><span>暂无数据</span>
      </div>
      <#else>

      <@cms_content catalogalias="investment1" level="CurrentAndChild" size="5">
      <#list DataList as content>
      <#if content?index < 1>

      <a href="${content.link}"  target="_blank" rel="noopener noreferrer">
        <div class="subject-content">

          <#if content.logo?has_content>
          <img src="${internalUrl(content.logo)}" alt="content.logo">
          <#else>
          <img src="${Prefix}images/empty-img.jpg" alt="">
          </#if>
          
          <div class="subject-content-text">
            <div class="text1">${content.title}</div>
            <div class="text2">
              <@cms_article contentId="#{content.contentId}">
                ${clearHtmlTag(ArticleContent)[0..*100000]}
              </@cms_article> 
            </div>
          </div>
        </div>
      </a>
      </#if>
      </#list>
      </@cms_content>  

      <@cms_content catalogalias="investment1" level="CurrentAndChild" size="5">
      <#list DataList as content>
      <#if content?index == 1 || content?index == 2 || content?index == 3 || content?index == 4>

      <a href="${content.link}"  target="_blank" rel="noopener noreferrer">
        <div class="subject-a">
          <div class="text1">${content.title}</div>
          <div class="text2">${dateFormat(content.publishDate,"yyyy-MM-dd")}</div>
        </div>
      </a>

      </#if>
      </#list>
      </@cms_content>  

      </#if>
      </@cms_content>  

    </div>

    <div class="col-lg-6 card-item" >
      <@cms_pagewidget_data code="investment_swiper">
      <#if Data.contentObj?has_content>
      <div class="swiperIN">
          <div class="swiper-container">
            <div class="swiper-wrapper">

              <#list Data.contentObj as row>
              <#list row.items as item>
              <div class="swiper-slide">
                <a href="${internalUrl(item.url)}" target="_blank" rel="noopener noreferrer">
                  <div class="swiper-slide-img">
                    <#if item.logo?has_content>
                    <img src="${internalUrl(item.logo)}" alt="item.logo">
                    <#else>
                    <img src="${Prefix}images/empty-img.jpg" alt="">
                    </#if>
                  </div>
                  <div class="title">
                    ${item.title}
                  </div>
                </a>
              </div>
              </#list>
              </#list>

          </div>
        </div>
      </div>
      <#else>
      <div class="no-data">
        <img src="${Prefix}images/empty-data.png" alt=""><span>暂无数据</span>
      </div>
      </#if>
      </@cms_pagewidget_data>

    </div>

  </div>
  <div class="row">
    <div class="col-lg-6 card-item" >
      <div class="subject">
        <@cms_catalog alias="investment2" level="Self" size="1">
        <#list DataList as c1>
        <div class="subject-title">${c1.name}</div>
        <div class="subject-more">
          <a href="${c1.link}">
            更多>>
          </a>
        </div>
        </#list>
        </@cms_catalog >
      </div>

      <@cms_content catalogalias="investment2" level="CurrentAndChild">
      <#if DataList?size == 0>
      <div class="no-data">
          <img src="${Prefix}images/empty-data.png" alt=""><span>暂无数据</span>
      </div>
      <#else>

      <@cms_content catalogalias="investment2" level="CurrentAndChild" size="5">
      <#list DataList as content>
      <#if content?index < 1>
      <a href="${content.link}"  target="_blank" rel="noopener noreferrer">
        <div class="subject-content">

          <#if content.logo?has_content>
          <img src="${internalUrl(content.logo)}" alt="content.logo">
          <#else>
          <img src="${Prefix}images/empty-img.jpg" alt="">
          </#if>

          <div class="subject-content-text">
            <div class="text1">${content.title}</div>
            <div class="text2">
              <@cms_article contentId="#{content.contentId}">
                ${clearHtmlTag(ArticleContent)[0..*100000]}
              </@cms_article> 
            </div>
          </div>
        </div>
      </a>
      </#if>
      </#list>
      </@cms_content>  

      <@cms_content catalogalias="investment2" level="CurrentAndChild" size="5">
      <#list DataList as content>
      <#if content?index == 1 || content?index == 2 || content?index == 3 || content?index == 4>
      <a href="${content.link}"  target="_blank" rel="noopener noreferrer">
        <div class="subject-a">
          <div class="text1">${content.title}</div>
          <div class="text2">${dateFormat(content.publishDate,"yyyy-MM-dd")}</div>
        </div>
      </a>

      </#if>
      </#list>
      </@cms_content>  

      </#if>
      </@cms_content>  
    </div>

    <div class="col-lg-6 card-item" >
      <div class="subject">
        <@cms_catalog alias="investment3" level="Self" size="1">
        <#list DataList as c1>
        <div class="subject-title">${c1.name}</div>
        <div class="subject-more">
          <a href="${c1.link}">
            更多>>
          </a>
        </div>
        </#list>
        </@cms_catalog >
      </div>

      <@cms_content catalogalias="investment3" level="CurrentAndChild" size="10">
      <#if DataList?size == 0>
      <div class="no-data">
          <img src="${Prefix}images/empty-data.png" alt=""><span>暂无数据</span>
      </div>
      <#else>

      <#list DataList as content>
      <a href="${content.link}" target="_blank" rel="noopener noreferrer">
        <div class="subject-a">
          <div class="text1">${content.title}</div>
          <div class="text2">${dateFormat(content.publishDate,"yyyy-MM-dd")}</div>
        </div>
      </a>
      </#list>
      </#if>

      </@cms_content>  
    </div>
  </div>
</div>

<@cms_include ssi="false"file="footer.template.html"></@cms_include>
</body>

</html>